import React, { Component, createRef } from 'react';
import Abc from './Abc';

// 类组件修改相同的状态,会重新render
class Index extends Component {
  constructor(props) {
    super(props);
    // 在类组件中可以直接通过Ref获取自定义组件的所有状态(React低版本可能不支持)
    this.abcRef = createRef(null);
  }
  state = {
    num: 0,
  };

  componentDidMount() {
    console.log(this.abcRef.current);
  }
  handleClick() {
    this.setState((origin) => ({
      ...origin,
      num: 0,
    }));
  }
  render() {
    console.log(123);

    return (
      <div>
        类组件
        <br />
        <button onClick={() => this.handleClick()}>({this.state.num})</button>
        <Abc ref={this.abcRef} />
      </div>
    );
  }
}

export default Index;
